<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>

    <!--CSS层叠样式表-->
    <style type="text/css">
        tr {
            height: 30px;
        }
    </style>

    <script type="text/javascript">
        //实现全选和泉不选	表格最上面的称为总选  其他的复选框,为分选
        //实现思想   分选框跟随总选矿  HTML复选框:属性 checked="checked"
        function selectAll(s) {
            var a = document.getElementsByName("select");
            for (var i = 0; i < a.length; i++) {
                a[i].checked = s.checked;
            }
        }
    </script>
</head>
<body>
<table width="800" align="center" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <th>ID</th>
        <th>用户名</th>
        <th>密码</th>


    </tr>
    <tr>
        <td colspan="5">
            <!--事件,调用函数selectAll,传递参数this  表示:表示的就是当前标签对象-->
            <input type="checkbox" onclick="selectAll(this)"/>
        </td>

    </tr>

    <tr align="center">
        <td><input type="checkbox" name="select"/></td>
        <td>大数据</td>
        <td>Java</td>

    </tr>
    <tr align="center">
        <td><input type="checkbox" name="select"/></td>
        <td>大数据</td>
        <td>Java</td>

    </tr>
    <tr align="center">
        <td><input type="checkbox" name="select"/></td>
        <td>大数据</td>
        <td>Java</td>

    </tr>


</table>
</body>
</html>